<ui:composition 
        xmlns="http://www.w3.org/1999/xhtml"
        xmlns:h="http://java.sun.com/jsf/html"
        xmlns:p="http://primefaces.org/ui"
        xmlns:f="http://java.sun.com/jsf/core"
        xmlns:ui="http://java.sun.com/jsf/facelets"
        xmlns:c="http://java.sun.com/jsp/jstl/core">
 
    <h1>Catalogue</h1>
        <div style="border-width: 1px; border-left: 75px; border-right: 75px; border-style: solid;  border-color: #ffffff;">
            <br/>

            <h:form>
<!--                <div style="text-align: right;">-->
                <p:selectManyCheckbox value="#{livreBean.categorie}" layout="pageDirection">  
                    <f:selectItem itemLabel="Fantasy" itemValue="Fantasy"/>  
                    <f:selectItem itemLabel="ScienceFiction" itemValue="ScienceFiction" />  
                    <f:selectItem itemLabel="Polar" itemValue="Polar" />  
                    <f:selectItem itemLabel="Jeunesse" itemValue="Jeunesse" />  
                    <f:selectItem itemLabel="Cuisine" itemValue="Cuisine" />  
                    <f:selectItem itemLabel="Policier" itemValue="Policier" />
                </p:selectManyCheckbox> 
                    
                    <p:inputText value="#{livreBean.recherche}"/>          
                    <p:commandButton value="Rechercher" action="#{livreBean.rech}" onclick="location.refresh();" oncomplete="dlg.show()"/>                
<!--                </div>-->
                #{livreBean.test}
                <p:accordionPanel value="#{livreBean.listOfAllBook}" var="book"  multiple="false">  
                    <p:tab title="#{book.nom}">  
                        <h:panelGrid columns="7" cellpadding="10">
                            <p:graphicImage value="#{book.url}" />  
                            <h:outputText value="#{book.nom}"/>
                            <h:outputText value="#{book.resume}"/>
                            <h:outputText value="Prix : #{book.prix} €"/>
                            <h:outputText value="Catégorie : #{book.categorie}"/>                            <h:outputText value="Catégorie : #{book.ID_livre}"/>
                            <h:commandButton value="+" action="#{panierBean.createCommande(book)}"/>
                            <h:commandButton value="Fiche"  action="#{livreBean.set_Fiche_Livre(book)}" />
                            <h:commandButton rendered="#{loginBean.authenticatedUserType == 'Libraire'}" value="Modifier"  action="#{livreBean.go_to_modif_Livre(book)}" />
                            
                        </h:panelGrid>
                    </p:tab>    
                </p:accordionPanel>
            </h:form> 
        </div>
</ui:composition>